<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>

  <!----------------------------------------------引用js和css-------------------------------------------->
  <!--导入的   vue.js,jquery.js,element.js,element.css--->
    <script src="./js/vue.min.js"></script>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <!-- Element-UI -->
    <!-- 引入组件库 -->
    <script src="./js/element-ui/index.js"></script>
    <!-- 引入样式 -->
    <link href="./css/element-ui/index.css" rel="stylesheet">
  <!--------------------------------------------------------------------------------------------------->

  <style>
    .el-carousel__item h3 {
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      line-height: 300px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }
  </style>

</head>
<body>
<div id="app">

  <div class="indexban" style="background-image:url(images/img1.jpg);">
    <div class="wrap">
      <a href="index.html" class="logo indent">logo</a>
      <div class="medium-right"><a href="./mem.html">{{uinfos.name}}</a><a href="./Release.html">发布我的饭局</a></div>
      <div class="txt"><span class="hd">美食与生活的完美演绎</span><a href="#">早餐</a><a href="#">午餐</a><a href="#">晚餐</a><a href="#">一键搞定</a></div>
    </div>
    <div class="p1-hero-search-form">      <div class="wrap clearfix">
        <div style="overflow: hidden;border: 0px solid red;width: 630px;float: left">
          <div class="box-wrapper" style="float: left">
            <el-input v-model="food" placeholder="您想要吃什么?"></el-input>
          </div>
          <div class="box-wrapper" style="float: left">
            <el-select v-model="value" clearable placeholder="地点">
              <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div class="box-wrapper bd0" style="float: left">
            <el-input v-model="jcrs" placeholder="就餐人数"></el-input>
          </div>
          <el-button type="primary" @click="serach()">搜索</el-button>
        </div>
        <div class="hot-key fl" style="float: left">热门搜索：
          <template v-for="(type,index) in types">
            <a href="javascript:;" :id=index+20 @click="changeLink(index+20,type.name)" class="baseStyles">{{type.name}}</a>
          </template>
          </div>
      </div>
    </div>
  </div>

  <div class="wrap">
    <div class="row-space tc"><a href="active.html"><img src="images/txt1.png"></a></div>

    <div class="Activity clearfix">
      <a href="#" class="item">
        <div class="img"><img :src=activityHot[0].img style="width: 306px;height: 300px"></div>
        <div class="txt">{{activityHot[0].title}}</div>
      </a>
      <div class="item large fr">
        <div id="full-screen-slider">
          <ul id="slides">
            <li><a href="#" target="_blank"><img :src=activityHot[1].img style="width: 758px;height: 300px"></a></li>
            <li><a href="#" target="_blank"><img :src=activityHot[2].img style="width: 758px;height: 300px"></a></li>
            <li><a href="#" target="_blank"><img :src=activityHot[3].img style="width: 758px;height: 300px"></a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="Activity mt36 clearfix">
      <a href="#" class="item">
        <div class="img"><img :src=activityHot[4].img style="width: 306px;height: 300px"></div>
        <div class="txt" style="padding:10px 0">{{activityHot[4].title}}<p class="f14">{{activityHot[4].text}}</p></div>
      </a>
      <a href="#" class="item mid">
        <div class="img"><img :src=activityHot[5].img style="width: 400px;height: 300px"></div>
        <div class="txt">{{activityHot[5].title}}</div>
      </a>
      <a href="#" class="item mid last">
        <div class="img"><img :src=activityHot[6].img style="width: 400px;height: 300px"></div>
        <div class="txt">{{activityHot[6].title}}</div>
      </a>

    </div>

  </div>

  <div class="slideshow">
    <div class="m_banner">
      <template>
        <el-carousel :interval="5000" arrow="always">
          <el-carousel-item v-for="item in activityHot" :key="item">
            <img :src=item.img style="width: 1903px;height: 381px">
          </el-carousel-item>
        </el-carousel>
      </template>
    </div>
  </div>

  <div class="community">
    <div class="row-space tc"><img src="images/txt2.png"></div>
    <ul class="community-wrapper clearfix">
      <li><a href="#"><img src="upload/img7.jpg"></a></li>
      <li><a href="./active.html"><img src="upload/img8.jpg"></a></li>
      <li><a href="#"><img src="upload/img9.jpg"></a></li>
      <li><a href="./applyhost.html"><img src="upload/img10.jpg"></a></li>
    </ul>
  </div>

  <!--foot-->
  <div id="foot">
    <div class="footmenu">
      <div class="wrap clearfix">
        <!--------------------------------------------------循环页脚内容------------------------------------------------->
        <template v-for="n in 4">
          <div class="item ">
            <h1 class="hd">产品理念</h1>
            <ul>
              <li><a href="#">食品安全</a></li>
              <li><a href="#">订购流程</a></li>
              <li><a href="#">修改订单</a></li>
              <li><a href="#">冷链配送</a></li>
              <li><a href="#">全程冷链</a></li>
            </ul>
          </div>
        </template>
        <!------------------------------------------------------------------------------------------------------------->
        <div class="fr">
          <img src="images/img2.jpg">
          <img src="images/img3.jpg">
        </div>
      </div>
      <div class="gotop">&#xe608;</div>
    </div>
  </div>
  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>
</div>
<!---------------------------------------引用自己的js文件----------------------------------------------->
  <script src="js/lgw/oindex.js" type="module"></script>

<!----------------------------------------------------------------------------------------------------->
    
</body>

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/jquery.jslides.js"></script>
<script src="js/index.js"></script>
<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
    var config = {
		'.chosen-select-no-single' : {disable_search_threshold:10}
	}
	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}
</script>


</html>